<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>软文推广</title>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/advertising.css">
</head>

<body>

    <section class="container">
        <h1>万物互联，极致体验</h1>
        <section class="middle">
            <h2>HTML5 + CSS3</h2>

            <ul>
                <li>
                    <p> <i class="fa fa-html5 fa-5x"></i> </p>
                    <p>【HTML5】HTML5不仅仅是HTML规范的当前最新版本，HTML5进化的重大意义还在于HTML5从技术层面带来了八个类别的革新。HTML5规范以“用户至上”为宗旨。也就是说在遇到冲突时，规范的优先级为：用户>页面作者>实现者（浏览器）>规范开发者（W3C/WHATWG）>纯理论。除此之外，HTML5还引入了一种新的安全模型来保证HTML5足够安全。
                    </p>
                </li>
                <li>
                    <p> <i class="fa fa-css3 fa-5x"></i> </p>
                    <p>【CSS3】CSS3是CSS的当前最新版本，该版本提供了更加丰富且实用的规范。在Web开发中采用CSS3技术将会美化页面，显著的提高用户体验，同时也能极大的提高程序的性能。例如列表模块、超链接、语言模块、背景和边框、颜色、文字特效、多栏布局和动画等等。</p>
                </li>
            </ul>
        </section>

        <section class="footer">
            <h2>平台支持</h2>
            <ul>
                <li>
                    <p> <i class="fa fa-apple fa-3x"></i> </p>
                    <h3><a href="#">原生移动APP开发</a> </h3>
                </li>
                <li>
                    <p> <i class="fa fa-weixin fa-3x"></i> </p>
                    <h3> <a href="#">微信公共平台开发</a></h3>
                </li>
                <li>
                    <p> <i class="fa fa-desktop fa-3x"></i> </p>
                    <h3> <a href="#">网站开发</a></h3>
                </li>
                <li>
                    <p> <i class="fa fa-laptop fa-3x"></i> </p>
                    <h3> <a href="#">桌面应用开发</a></h3>
                </li>
            </ul>
        </section>
    </section>
</body>

</html>